<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layui</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <script src="./layui/layui.js"></script> </head>

<body>
    <br>
    <div class="layui-progress">
        <div class="layui-progress-bar" lay-percent="30%"></div>
    </div><br>
    <div class="layui-progress" lay-showPercent="true">
        <div class="layui-progress-bar layui-bg-red" lay-percent="1/3">
        </div>
    </div><br>
    <div class="layui-progress" lay-showPercent="yes">
        <div class="layui-progress-bar layui-bg-red" lay-percent="30%">
        </div>
    </div><br>
    <div class="layui-progress layui-progress-big" lay-showPercent="yes">
        <div class="layui-progress-bar layui-bg-green" lay-percent="50%">
        </div>
    </div>
    <script>
        layui.use('element', function () {
            var element = layui.element;

        });
    </script> </body>

</html>